<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="description" content="yuanzang" />
	<meta name="author" content="" />

	<title>南亚中心标准信息公共服务平台</title>

    <style>
        html{scroll-behavior: smooth}
        .sidebar-menu .main-menu a {
            padding: 12px 5px !important;
        }
        .sidebar-menu .main-menu ul li {
            margin-left: 30px;
        }
    </style>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_995974_d3blcsuecid.css">

    {% block css_js_part1 %}
	<link rel="stylesheet" href="/static/assets/css/fonts/linecons/css/linecons.css">
	<link rel="stylesheet" href="/static/assets/css/fonts/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="/static/assets/css/bootstrap.css">
	<link rel="stylesheet" href="/static/assets/css/xenon-core.css">
	<link rel="stylesheet" href="/static/assets/css/xenon-forms.css">
	<link rel="stylesheet" href="/static/assets/css/xenon-components.css">
	<link rel="stylesheet" href="/static/assets/css/xenon-skins.css">
	<link rel="stylesheet" href="/static/assets/css/custom.css">
	<script type="text/javascript" src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
	<script src="/static/assets/js/jquery-1.11.1.min.js"></script>
    {% endblock %}

	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
		<script src="/static/assets/js/html5shiv.min.js"></script>
		<script src="/static/assets/js/respond.min.js"></script>
	<![endif]-->
	
	
</head>
<body class="page-body">

    <div class="page-loading-overlay">
		<div class="loader-2"></div>
	</div>
    {% block modal %}
    {% endblock %}
	<div class="page-container"><!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->

		<div class="sidebar-menu toggle-others fixed">
			
			<div class="sidebar-menu-inner">
				
				<header class="logo-env" style="padding-bottom: 0px">
					
					<!-- logo -->
					<div class="logo">
						<a href="{% url 'index' %}" class="logo-expanded">
							<img src="/static/assets/images/logo@2x.png" width="220" alt="" />
						</a>
						
						<a href="{% url 'index' %}" class="logo-collapsed">
							<img src="/static/assets/images/logo-collapsed@2x.png" width="40" alt="" />
						</a>
					</div>
					
					<!-- This will toggle the mobile menu and will be visible only on mobile devices -->
					<div class="mobile-menu-toggle visible-xs">
						<a href="#" data-toggle="user-info-menu">
							<i class="fa-bell-o"></i>
							<span class="badge badge-success">7</span>
						</a>
						
						<a href="#" data-toggle="mobile-menu">
							<i class="fa-bars"></i>
						</a>
					</div>
								
				</header>

				<ul id="main-menu" class="main-menu">
						<li id="home">
						<a href="{% url 'index' %}">
							<i class="iconfont icon-home"></i>
							<span class="title">主页</span>
						</a>
					</li>

                    <li id="content">
						<a href="#">
							<i class="iconfont icon-neirongguanli"></i>
							<span class="title">前台内容管理</span>
						</a>
                        <ul>
							<li>
                                <a href="{% url 'Content_list' %}?data=BZXW">
									<span class="title">标准新闻</span>
								</a>
							</li>
							<li>
                                <a href="{% url 'Content_list' %}?data=BZGG">
									<span class="title">标准公告</span>
								</a>
							</li>
							<li>
                                <a href="{% url 'Content_list' %}?data=ZCFG">
									<span class="title">政策法规</span>
								</a>
							</li>
							<li>
                                <a href="{% url 'Content_list' %}?data=WTOTB">
									<span class="title">WTO/TBT通报</span>
								</a>
							</li>
                        </ul>
					</li>
				</ul>
			</div>
		</div>

        {% block main-content %}
		<div class="main-content">
            {% block content1 %}
			<!-- User Info, Notifications and Menu Bar -->
			<nav class="navbar user-info-navbar" role="navigation">
				
				<!-- Left links for user info navbar -->
				<ul class="user-info-menu left-links list-inline list-unstyled">
					
					<li class="hidden-sm hidden-xs">
						<a href="#" data-toggle="sidebar">
							<i class="fa-bars"></i>
						</a>
					</li>
					
				</ul>
				
				
				<!-- Right links for user info navbar -->
				<ul class="user-info-menu right-links list-inline list-unstyled">
					<li class="dropdown user-profile">
						<a href="#" data-toggle="dropdown">
							<img src="/static/assets/images/user-4.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" />
							<span>
								admin
								<i class="fa-angle-down"></i>
							</span>
						</a>
						
						<ul class="dropdown-menu user-profile-menu list-unstyled">
							<li class="last">
								<a href="{% url 'index_front' %}">
									<i class="fa-lock"></i>
									注销
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</nav>

            <div class="row" style="margin-bottom: 15px">

                <div class="col-lg-4" style="left:33.33%;margin-bottom: 50px">
                    <div class="statistic-box" style="background-color: #23b7e5;color: #fff">
                        <div class="statistic-title">
                            标准总记录数
                        </div>

                        <div class="statistic-value" style="margin-bottom: 10px">
                            {{ biaozhun_total }}
                        </div>

                        <div class="statistic-icon-background">
                            <i class="fa fa-pie-chart"></i>
                        </div>
                    </div>
                </div>

				<div id="main" style="width: 400px; height:450px; left:33.33%;"></div>
                <script type="text/javascript">
                    var myChart = echarts.init(document.getElementById('main'));
                    var option = {
                            title: {
                              text: '标准分布',
                              left: 'center'
                            },
                            tooltip: {
                              trigger: 'item'
                            },
                            legend: {
                              orient: 'vertical',//设置图例的方向
						      left: 0,
						      top: 40
                            },
                            series : [
                                {
                                    name: '标准来源',
                                    type: 'pie',
                                    radius: '50%',
                                    center: ['50%', '35%'],
                                    data:[
                                        {value:{{ biaozhun_total }}, name:'国外', itemStyle:{color:'#23b7e5'}},
                                        {value:0, name:'国内'},
                                    ]
                                }
                            ]
                        };
                    myChart.setOption(option);
                </script>

				<!--                <div class="col-lg-4">-->
<!--                    <div class="statistic-box" style="background-color: #e36159;color: #fff">-->
<!--                        <div class="statistic-title">-->
<!--                            各类数据总条数-->
<!--                        </div>-->

<!--                        <div class="statistic-value" style="margin-bottom: 10px">-->
<!--                            {{ total_record }}-->
<!--                        </div>-->
<!--                        <div class="statistic-icon-background">-->
<!--                            <i class="fa fa-table"></i>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->

<!--                <div class="col-lg-4">-->
<!--                    <div class="statistic-box" style="background-color: #7266ba;color: #fff">-->
<!--                        <div class="statistic-title">-->
<!--                            用户数-->
<!--                        </div>-->

<!--                        <div class="statistic-value" style="margin-bottom: 10px">-->
<!--                            {{ user_total }}-->
<!--                        </div>-->

<!--                        <div class="statistic-icon-background">-->
<!--                            <i class="fa fa-user"></i>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
            </div>

<!--            <div class="row">-->
<!--                <div class="col-sm-12">-->
<!--                    <div class="chart-item-bg">-->
<!--                        <script type="text/javascript">-->
<!--                            jQuery(document).ready(function($) {-->
<!--                                $("#biaozhunshifan").dxChart({-->
<!--                                    rotated: true,-->
<!--                                    pointSelectionMode: "multiple",-->
<!--                                    dataSource: {{ bzshifan_data|safe }},-->
<!--                                    commonSeriesSettings: {-->
<!--                                        argumentField: "leibie",-->
<!--                                        type: "stackedbar",-->
<!--                                        selectionStyle: {-->
<!--                                            hatching: {-->
<!--                                                direction: "left"-->
<!--                                            }-->
<!--                                        }-->
<!--                                    },-->
<!--                                    series: [-->
<!--                                        { valueField: "guojia", name: "国家级", color: "#ffd700" },-->
<!--                                        { valueField: "shengji", name: "省级", color: "#c0c0c0" },-->
<!--                                    ],-->
<!--                                    title: {-->
<!--                                        text: "淮安市标准示范区情况概览",-->
<!--                                        font:{-->
<!--                                            size:20-->
<!--                                        }-->

<!--                                    },-->
<!--                                    legend: {-->
<!--                                        verticalAlignment: "bottom",-->
<!--                                        horizontalAlignment: "center"-->
<!--                                    },-->
<!--                                    tooltip:{-->
<!--                                        enabled:true,-->
<!--                                        font:{-->
<!--                                            size:14-->
<!--                                        },-->
<!--                                        zIndex:20-->
<!--                                    }-->

<!--                                });-->
<!--                            });-->
<!--                        </script>-->
<!--                        <div id="biaozhunshifan" style="width: 100%;height:400px;padding: 20px"></div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->


            <script type="text/javascript">
                $("#home").addClass('active');
            </script>
			
			{% endblock %}

			<footer class="main-footer sticky footer-type-1">
				
				<div class="footer-inner">
				
					<!-- Add your copyright text here -->
					<div class="footer-text">
						&copy; 2021
						<strong>中国标准化研究院</strong>
					</div>
					
				</div>
				
			</footer>

        {% endblock %}
		</div>
		
	</div>

    <a href="#" class="scroll-to-top hidden-print"><i class="fa fa-chevron-up fa-lg"></i></a>

    {% block css_js_part2 %}
	<!-- Bottom Scripts -->
	<script src="/static/assets/js/bootstrap.min.js"></script>
	<script src="/static/assets/js/TweenMax.min.js"></script>
	<script src="/static/assets/js/resizeable.js"></script>
	<script src="/static/assets/js/joinable.js"></script>
	<script src="/static/assets/js/xenon-api.js"></script>
	<script src="/static/assets/js/xenon-toggles.js"></script>

        <script src="/static/assets/js/echarts.min.js" ></script>
        <script src="/static/assets/js/layer.js"></script>

	<!-- Imported scripts on this page -->
	<script src="/static/assets/js/xenon-widgets.js"></script>
	<script src="/static/assets/js/devexpress-web-14.1/js/globalize.min.js"></script>
    <script src="/static/assets/js/devexpress-web-14.1/js/dx.viz.js"></script>
	<script src="/static/assets/js/toastr/toastr.min.js"></script>
	<script src="/static/assets/js/jquery-ui/jquery-ui.min.js"></script>
	<script src="/static/assets/js/selectboxit/jquery.selectBoxIt.min.js"></script>

	<!-- JavaScripts initializations and stuff -->
	<script src="/static/assets/js/xenon-custom.js"></script>

    {% endblock %}

</body>
</html>